(function () {
  let myChart = echarts.init(document.querySelector(".box-l3"));
  let option = {
    legend: {
      right: "right",
      textStyle: {
        //图例文字的样式
        color: "#fff",
        fontSize: 16,
      },
    },
    toolbox: {
      show: true,
      feature: {
        mark: { show: true },
        // dataView: { show: true, readOnly: false },
        //  restore: { show: true },
        //  saveAsImage: { show: true }
      },
    },
    series: [
      {
        name: "Nightingale Chart",
        type: "pie",
        radius: [15, 75],
        //center: ['50%', '50%'],
        roseType: "area",
        // 修改字体颜色的代码begin
        itemStyle: {
          normal: {
            label: {
              textStyle: {
                color: "#ccc",
                fontSize: 14,
                fontWeight: "bolder",
              },
            },
            labelLine: {
              lineStyle: {
                color: "#bb5336",
              },
            },
          },
        },
        // 修改字体颜色的代码end
        /*  itemStyle: {
        borderRadius: 8
      },*/
        data: [
          { value: 13.3, name: "图例1", itemStyle: { color: "#5470c6" } },
          { value: 6.67, name: "图例2", itemStyle: { color: "#91cc75" } },
          { value: 20, name: "图例3", itemStyle: { color: "#fac858" } },
          { value: 33.33, name: "图例4", itemStyle: { color: "#ee6666" } },
          { value: 26.67, name: "图例5", itemStyle: { color: "#73c0de" } },
        ],
      },
    ],
  };
  // 步骤5：使用刚指定的配置项和数据显示图表
  myChart.setOption(option);

  window.addEventListener("resize", () => {
    myChart.resize();
  });
})();
